<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">      
 
    <h:head>
        <style type="text/css">
          .ui-orderlist-list { 
          	height:12.2em !important;
          }
          .ui-orderlist          {
          	border-spacing:0 !important;
          }
        </style>
        <title>Simple Mail Application</title>
    </h:head>
<h:body>
		<ui:composition template="/PageTemplate.xhtml">
			<ui:define name="center">
				<p:layout fullPage="true">
					<p:layoutUnit position="west" header="Simple Mail Application" size="200" style="width: 15%">
				   		<p:scrollPanel style="width: 90%">
				   		<h:form>			   		
							<p:menu style="width:90%">
								<p:submenu label="Category">
									<p:menuitem value="Inbox" actionListener="#{logic.CategorySelected}"/>
									<p:menuitem value="Drafts" actionListener="#{logic.CategorySelected}"/>
									<p:menuitem value="Deleted Items" actionListener="#{logic.CategorySelected}"/>
								</p:submenu>
							</p:menu>
						</h:form>
						</p:scrollPanel>
					</p:layoutUnit>
					<p:layoutUnit position="center" header="Mail List">
					</p:layoutUnit>
					<p:layoutUnit position="east" header="Mail Content" size="200" style="width: 45%">
					
					</p:layoutUnit>
				</p:layout>
			</ui:define>
		</ui:composition>
</h:body>
</html>